這邊我們演示一些常用的元素。

圖片

<img
      width="500"
      height="400"
      src="https://blog.kkday.com/wp-content/uploads/Taiwan_Taipei_Taipei-101_AShutterstock_28310509.jpg"
      alt="台北101"
/>

1.src:代表圖片來源，可以輸入網址或本地資料夾路徑
2.alt:當圖片無法顯示時會顯示此文字
3.width:圖片寬度
4.heigh:圖片高度

圖片過大故截一半

清單

清單分為有序清單和無序清單，分別如下

<!--有序清單-->
<ol>
	<li>123</li>
	<li>456</li>
</ol>

<!--無序清單-->
<ul>
	<li>123</li>
	<li>456</li>
</ul>

1.ol:order list的意思
2.ul:unorder list的意思
3.li: list的意思

表格

<table>
      <tr>
        <th colspan="4">學生成績</th>
      </tr>
      <tr>
        <td>學生</td>
        <td>小明</td>
        <td>中村</td>
        <td>大華</td>
      </tr>
      <tr>
        <td>國文</td>
        <td>78</td>
        <td>88</td>
        <td>98</td>
      </tr>
      <tr>
        <td>英文</td>
        <td>28</td>
        <td>38</td>
        <td>48</td>
      </tr>
      <tr>
        <td>數學</td>
        <td>58</td>
        <td>68</td>
        <td>78</td>
      </tr>
    </table>

1.table:代表表格
2.tr:table row 表格的列
3.th:table heading 表格的欄，可以當作第一列的欄
3.td:table data 表格的欄
4.colspan:擴展欄

【以上為我的學習心得，如有錯誤歡迎糾正】